<template>
	<view>
		<!-- <u-navbar :is-back="true" :is-fixed="true" title="产品信息"></u-navbar> -->
		<free-divider></free-divider>
		<u-field v-model="productName" :border-bottom="false" label-width="140" label="产品名称：" :disabled="true"
			input-align="right" :field-style="placeholderStyle">
		</u-field>
		<u-field v-model="productTypeName" :border-bottom="false" label-width="140" label="产品品类：" :disabled="true"
			input-align="right" :field-style="placeholderStyle"></u-field>

		<!-- <u-field v-model="" :border-bottom="false" label-width="140" label="产品数量：" :disabled="true"
			input-align="right" :field-style="placeholderStyle"></u-field> -->
		<view class="dfel pl-3 pr-3 lineHight-3">
			<view>产品数量:</view>
			<view class="dfes text-999999">
				<view class="">{{productNumber}}</view>
				<view class="pr-1 pl-1">{{productSpecs}}</view>
			</view>
		</view>
		<u-field v-model="enterpriseName" :border-bottom="false" label-width="140" :disabled="true" label="企业名称："
			input-align="right" :field-style="placeholderStyle"></u-field>
		<u-field v-model="productStartTime" :border-bottom="false" :disabled="true" label-width="200" label="产品应季时间："
			input-align="right" :field-style="placeholderStyle"></u-field>
		<u-field v-model="baseName" :border-bottom="false" label-width="140" :disabled="true" label="基地名称："
			input-align="right" :field-style="placeholderStyle"></u-field>
		<u-field v-model="baseAddress" :border-bottom="false" label-width="140" :disabled="true" label="基地地址："
			input-align="right" :field-style="placeholderStyle"></u-field>
		<u-field v-model="baseContacts" :border-bottom="false" :disabled="true" label-width="180" label="联系人："
			input-align="right" :field-style="placeholderStyle"></u-field>
		<u-field v-model="basePhone" :border-bottom="false" label-width="140" :disabled="false" label="联系电话："
			input-align="right" :field-style="placeholderStyle"></u-field>
	</view>
</template>

<script>
	import freeDivider from '@/components/free-ui/free-divider.vue'
	import $H from '@/common/free-lib/request.js'
	export default {
		components: {
			freeDivider,
		},
		data() {
			return {
				placeholderStyle: {
					color: '#999',
				},
				baseAddress: '',
				baseContacts: '',
				baseName: '',
				basePhone: '',
				enterpriseName: '',
				id: '',
				productEndTime: '',
				productInformId: '',
				productName: '',
				productStartTime: '',
				productTypeName: '',
				state: '',
				productNumber: '',
				productSpecs:''
			}
		},
		computed: {},
		onLoad(options) {
			console.log(options)
			if (options.item) {
				// this.detailsObj = JSON.parse(options.item || {})
				const obj = JSON.parse(options.item || {})
				this.baseAddress = obj['baseAddress'] || '-'
				this.baseContacts = obj['baseContacts'] || '-'
				this.baseName = obj['baseName'] || '-'
				this.basePhone = obj['basePhone'] || '-'
				this.enterpriseName = obj['enterpriseName'] || '-'
				this.productEndTime = obj['productEndTime'] || '-'
				this.productInformId = obj['productInformId'] || '-'
				this.productName = obj['productName'] || '-'
				this.productStartTime = obj['productStartTime'] || '-'
				this.productTypeName = obj['productTypeName'] || '-'
				this.productNumber = obj['productNumber'] || '-'
				this.state = obj['state'] || '-'
				this.productSpecs = obj['productSpecs']
			}
		},
		methods: {},
	}
</script>

<style></style>